<template>
  <a-modal v-model:open="visible" title="关于" @ok="onOk">
    <div class="flex flex-col">
      <div class="flex flex-row">
        <div class="flex-shrink-0 pr-2">作者:</div>
        <div class="flex-1 flex-shrink-0">coder_pan</div>
      </div>
      <div class="flex flex-row">
        <div class="flex-shrink-0 pr-2">源码仓库:</div>
        <div class="flex-1 flex-shrink-0">https://gitee.com/free_pan/electron-easy-mock</div>
      </div>
      <div class="border-solid mt-2 mb-1 border-t-orange-400 border-2"></div>
      <div class="flex flex-col self-center text-green-600">打赏 / 捐赠</div>
      <div class="flex flex-row justify-center">
        <img src="@render/assets/images/paycode.png" width="200" />
      </div>
    </div>
  </a-modal>
</template>

<script setup lang="ts">
const visible = ref<boolean>(false)
function open() {
  visible.value = true
}
function onOk() {
  visible.value = false
}
defineExpose({ open })
</script>

<style scoped></style>
